<template>
<div v-transfer-dom>
<popup v-model="showit" position="right" width="100%">
	<div class="submit" >
		<p  @click='back()' style="width:20%"><x-icon type="ios-arrow-thin-left" size="75"></x-icon></p>
		<h1>懂球帝</h1>
		<p>ALL FOOTBALL APP</p>
		<div class="send">
			<div @click='subthis()'><x-button type="primary">登录</x-button></div>
			<x-button>注册</x-button>
		</div>
		<div class="other">
			<p>第三方账户登录</p>
			<img src="/../../../static/img/3.png">
			<img src="/../../../static/img/1.png">
			<img src="/../../../static/img/2.png">
		</div>
	</div>
	</popup>
</div>
</template>
<script type="text/javascript">
import { XButton} from 'vux';
import {TransferDom,Popup} from 'vux';
	export default {
		directives: {
    		TransferDom
  		},
		components:{
			XButton,
			Popup
		},
		data(){
			return{

			}
		},
		methods:{
			back(){
				this.$store.commit('showsubmitpage');
			},
			subthis(){
				this.$store.commit('showdlpage');
				console.log(12121)
			}
		},
		computed:{
			showit(){
				return this.$store.state.sumtsta;
			}
		}
	}
</script>
<style lass="less" scoped>
	.submit{
		width: 100%;
		z-index: 999;
		background: white;
		height: 100%;
	}
	.submit>h1,.submit>p:nth-of-type(2){
		text-align: center;
	}
	.submit>h1{
		color: green;
		margin-top: 0.8rem;
		font-size: 0.933333rem;
	}
	.submit>p:nth-of-type(2){
		color: grey;
		margin-top: 0.08rem;
		font-size: 0.293333rem;
		margin-bottom: 2.666667rem;
	}
	.send .weui-btn_primary,.send .weui-btn_default{
		height: 0.933333rem;
		width: 80%;
		margin-top: 0.533333rem;
		font-size: 0.48rem;
		line-height: 0.93rem;
	}
	.other{
		text-align: center;
	}
	.other>p{
		margin-top: 1.866667rem;
    	margin-bottom: 0.266667rem;
	}
	.other>img{
		margin-right: 0.346667rem;
		margin-left: 0.346667rem;
	    height: 1.2rem;
	    width: 1.2rem;
	}
</style>